html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: "microsoft yahei";
}

img {
	vertical-align: middle;
}
#container {
	width: 100%;
	height: 100%;
	position: relative;
	background: #ffffff;
}

#container-center {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 7vh;
	bottom: 7vh;
	overflow: auto;
}


#container-center::-webkit-scrollbar {
	display: none;
}

#head {
	position: absolute;
	top: 0;
	height: 7vh;
	background-color: #eeeeee;
	width: 100%;
}

#footer {
	position: absolute;
	height: 7vh;
	width: 100%;
	background: #ffffff;
	bottom: 0;
}

#local {
	font-size: 1.25rem;
	font-weight: bold;
}

#more {
	font-size: 1.25rem;
	font-weight: bold;
	color: #636363;
}

#head ul {
	width: 100%;
	height: 100%;
	margin: 2vh 1vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#head img {
	width: 18%;
}

#center-top,.center-middle,#center-bottom,#center-bottom-img{
	width: 95%;
	margin: 0 auto;
	line-height: 6vw;
}
#center-top h1{
	font-size: 1.1rem;
	padding: 1vh 0;
	line-height: 1.7rem;
}

#center-top h2{
	color: #f84443;
	line-height: 1.25rem;
}

#center-top .price{
	font-size: 1.25rem;
}

#center-top #oldPrice,h5{
	color: #9a9a9a;
	font-size: 0.75rem;
}
#center-top #oldPrice span{
	text-decoration: line-through;
}

#center-top #center-on{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#center-top #center-on img{
	margin-left:2px;
	width: 50%;
	
}

#center-top h5{
	line-height: 16px;
}

hr{
	border: none;
	background-color: #f5f4f4;
	margin: 0;
	padding: 2vh 0;
}
#container-center .center-middle{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 3vw 0;
	line-height: 6vw;
}

#container-center .center-middle span{
	color:#adadad;
	font-size: 0.75rem;
}

#container-center .center-middle img{
	width: 70%;
}

.hr hr{
	border: none;
	background-color: #dcdcdc;
	margin: 0;
	padding: 0;
	height: 1px;
}

#container-center #center-bottom ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	color: #282828;
	margin: 2vw 0;
	font-size: 0.875rem;
}

#center-bottom-img{
	padding: 2vw 0;
}
#center-bottom-img img{
	width: 100%;
}

#footer ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: #757575;
	font-size: 12px;
	height: 100%;
	box-shadow:0px -1px 10px 1px #adadad;
}

#list li{
	width: 15%;
	text-align: center;
}

#footer .index-cart{
	margin: 2vw 0;
}

#footer img{
	width: 6vw;
}

#cart,#buynow{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 7vh;
}
#footer #cart{
	background-color: #fc9f1c;
			width: 35%;
}

#footer #buynow{
	background-color: #f84443;
			width: 35%;
}